<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <title>{$productList.title}</title>
    <link href="{$Think.config.RESOURCEURL}wx_assets/css/common.css" rel="stylesheet" type="text/css">
    <link href="{$Think.config.RESOURCEURL}wx_assets/freebuy/freebuy.css{$Think.config.RESOURCE_VER}" rel="stylesheet" type="text/css">
    <script src="{$Think.config.RESOURCEURL}wx_assets/js/zepto.1.1.3.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/zepto.alert.js"></script>
    <script src="{$Think.config.RESOURCEURL}wx_assets/js/util.js{$Think.config.RESOURCE_VER}" type="text/javascript"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
</head>
<style>
	@font-face {
		  font-family: 'iconfont';
		  src: url('//at.alicdn.com/t/font_1446711288_514708.eot'); /* IE9*/
		  src: url('//at.alicdn.com/t/font_1446711288_514708.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('//at.alicdn.com/t/font_1446711288_514708.woff') format('woff'), /* chrome、firefox */
		  url('//at.alicdn.com/t/font_1446711288_514708.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		  url('//at.alicdn.com/t/font_1446711288_514708.svg#iconfont') format('svg'); /* iOS 4.1- */
		}
		.iconfont
		{
			font-size: 12px !important;
			font-family: 'iconfont' !important;
		}
	.freeDetail
	{
		margin: 0px;
	}
	.freeDetail .product img
	{
		width: 100%;
		max-width: initial;
		float: left;
	}
	.freeDetail .pName
	{
		font-size: 22px;
		max-height: inherit;
		margin: 20px 20px;
		line-height:initial;
		color: #525050;
	}
	.freeDetail .personal
	{
		width: 100%;
		position: relative;
		z-index: 999;
		float: left;
		margin-top:-20px;
		
	}
	.freeDetail .personal p
	{
		margin-top: 10px;
	}
	.freeDetail .personal img{
		margin-right: 0px;
		width: 45px;
		height: 45px;
	}
	.texttop,.textbottom
		{
			
			color: #888;
		}
		.texttop
		{
			vertical-align: top;
			margin-right: 10px;
		}
		.textbottom
		{
			vertical-align: bottom;
			position: relative;
			top: 2px;
			margin-left: 10px;
		}
		.re
		{
			color: #777;
			margin:0px 20px;
			padding:20px 0px;
			border-bottom: 1px solid #ddd;
		}
		.codebox
		{
			
			position: relative;
			margin: 0px 20px;
			padding:20px 0px;
			padding-right: 110px;
			height: 100px;
			font-size: 14px;
			color: #777;
			text-align: center;
		}
		.codebox .code
		{
			position: absolute;
			top: 20px;
			right: 0px;
			
		}
		.codebox > span{
			position: relative;
			top: 50%;
			-webkit-transform: translate(0,-50%);
			display: inline-block;
			text-align: left;
		}
		.freeDetail .code
		{
			width: 100px;
			height: 100px;
			margin: 0px;
		}
</style>
<body>
<div class="freeDetail">
    <div class="product">
    	<empty name="productList.title">
    		<else />
    		<div class="pName">
            	{$productList.title}
       	 	</div>
    	</empty>
    	
        <!--<div class="ico_myq"></div>-->
        <img src="{$productList.picUrl}"/>
        
        <!--<div class="price">
            <if condition="$productList['discountedPrice'] neq ''">
                原价：￥{$productList['discountedPrice']}&nbsp;
                <else/>
                原价：￥{$productList['fixedPrice']}&nbsp;
            </if>
            <span>仅需<php>echo $productList['freeBuyMoney'][0];</php>元</span>
        </div><--></-->
    </div>
    <div class="personal">
        <if condition="$headimgurl neq ''">
            <img src="{$headimgurl}">
        </if>
        <!--<span>我在参加【<php>echo $productList['freeBuyMoney'][0];</php>元抢{$productList.name}】活动，动动手指，快来帮我减价吧！</span>-->
       	<p>{$nickname}</p>
        
        
        <p class="re">
        	<i class="iconfont texttop">&#xe600;</i>
        	{$productList.recommend}
        	<i class="iconfont textbottom">&#xe601;</i>
        </p>
    	
    </div>
    <div style="clear: both;"></div>
    <div class="codebox">
    	 <img class="code" src="{$qrImg}" />
    	 <span>{$productList.description}</span>
    </div>
   
    <!--<if condition="$isme eq 1">-->
        <!--<a class="progress" href='{$Think.config.SERVER_HOST}call.html?customerId={$customerId}&module=freebuy&method=getView&params=%7B"oid"%3A"{$oid}"%7D'>-->
            <!--查看我的进度-->
        <!--</a>-->
    <!--</if>-->
</div>
</body>
<script>
	var freeDetail ={
		getShareUrl:function(){
			var shareUrl="";
			var me=this;
			var params={
				"oid":"{$id}",
				"qId":"{$qId}",
				"miUId":"{$miUid}"
			};
			params=encodeURIComponent(JSON.stringify(params));
			shareUrl=baseUrl+'call.html?customerId={$customerId}&module=freebuy&method=getQrCode&scope=1&params='+params;
				return shareUrl;
			}
	};
</script>
<script>
    var baseUrl = '{$Think.config.SERVER_HOST}';
    var shareUrl=freeDetail.getShareUrl();
    wx_share.init({
        "title":'{$productList.title}',
        "desc":"{$productList.recommend}",
        "link":shareUrl,
        "imgUrl":"{$headimgurl}",
        "pkg":{
            "appId": '{$pkg.appId}',
            "timestamp": {$pkg.timestamp},
            "nonceStr": '{$pkg.nonceStr}',
            "signature": '{$pkg.signature}'
        },
        success:function(config,shareType){
           
        }
    });
</script>
</html>